﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>font-size</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;background:#ddd;}
p+p{margin-left:40px;}

.m-demo{font-size:12px;}
.m-demo .p1{font-size:16px;}
.m-demo .p2{font-size:2em;}
.m-demo .p3{font-size:200%;}
</style>
</head>
<body>
<div class="m-demo">
	<p>文字大小：font-size:12px;</p>
	<p class="p1">文字大小：font-size:16px;</p>
	<p class="p2">文字大小：font-size:2em;</p>
	<p class="p3">文字大小：font-size:200%;</p>
</div>
</body>
</html>